@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot")}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf")}
 @font-face { font-family: 'dincond-medium-webfont'; src: url("../font/dincond-medium-webfont.eot"); src: url("../font/dincond-medium-webfont.eot-#iefix") format('embedded-opentype'), url("../font/dincond-medium-webfont.woff2") format('woff2'), url("../font/dincond-medium-webfont.woff") format('woff'), url("../font/dincond-medium-webfont.ttf") format('truetype'), url("../font/dincond-medium-webfont.svg#novecentowide-bold-webfont") format('svg'); }
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#999;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1100px;_width:expression(document.body.clientWidth<1130? "1100px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1680px; min-width:1100px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1100px; }
.right_line {background: url(../images/right_line.png) repeat-y right;
}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}

 
    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url("../img/icon_search.png") no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url("../img/icon_search_on.png")}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}
    #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url("../img/head-nw-icon.png") right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url("../img/head-nw-icon-on.png") right center no-repeat;}

#content {position:relative; overflow:hidden;}
/*#footer {height:70px; overflow:visible;  border-top:1px solid #e5e5e5;}*/
/*#footer .g-wrap {background:url(../img/temp/footer_bg.jpg) no-repeat right 0;}*/
#footer {height:140px;}
#reference {height:64px; line-height:64px; border-bottom:1px solid #f2f2f2;}
#reference div {height:100%;}
#reference a {-webkit-transition:color 300ms;transition:color 300ms;}
#reference a:hover {color:#f63b2e;}
#reference div * {font-weight:bold; font-size:13px; color:#2e2e57;}
#reference .left {float:left;}
#reference .left * {float:left; height:100%; line-height:64px;}
#reference .left a {margin-left:20px; padding-left:42px; background:no-repeat 0 13px;}
#reference .left .a1 {background-image:url("../img/refer_icon_1.png")}
#reference .left .a2 {background-image:url("../img/refer_icon_2.png")}
#reference .left .a3 {background-image:url("../img/refer_icon_life.png")}
#reference .right {float:right; width:323px; line-height:69px; text-indent:38px; background:#f2f2f2 url("../img/refer_icon_3.png") no-repeat 19px 23px; border-left:1px solid #e5e5e5;}
#copyright {height:75px;}
#copyright .g-wrap {overflow:visible;}
#copyright .g-wrap div {float:right; padding:19px 0 19px 19px; height:37px; width:303px; font-weight:bold; line-height:20px; color:#4b4b51; border-left:1px solid #f2f2f2;}
#copyright .g-wrap div a {-webkit-transition:color 300ms; transition:color 300ms; color:#4b4b51;}
#copyright .g-wrap div a:hover {color:#e62b1e}


#mask {display:none; position:fixed; top:0; left:0; z-index:1024; width:100%; height:100%;}
#mask .wrap {position:fixed; top:0; right:-378px; z-index:1024; padding:0 29px; width:320px; height:100%; background-color:#2b2b2b;}
#mask .wrap p {margin-top:130px; color:#8C8C8C; line-height:18px;font-size: 13px;}
#mask .wrap p span {display:block;}
#mask .wrap p .tit {font-size:15px; color:#E1DEDE;}
#mask .wrap p .column {margin-left:-16px; padding-left:16px; background:url("../img/sitemap_arrow.png") no-repeat 0 7px;font-size: 13px;}
#legal {background:url("../img/legal_tit.png") no-repeat 29px 77px;}
#sitemap {background:url("../img/sitemap_tit.png") no-repeat 29px 77px;}
#sitemap a {color:#8C8C8C; -webkit-transition:color 300ms; transition:color 300ms;font-size: 13px;}
#sitemap a.reenoo {font-weight:bold;}
#sitemap a:hover {color:#e62b1e}

.hidden {
    display: none;
}


#content .nav {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
#content .nav .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url("../images/crumbs_icon.png") no-repeat 0 32px;}
#content .nav .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#666;}
#content .nav .g-wrap .crumbs a.on {background:url("../images/crumbs_arrow.png")no-repeat 0 36px;}
#content .nav .g-wrap .columns {float:right; height:100%;}
#content .nav .g-wrap .columns a {position:relative; float:left; margin-left:29px; font-weight:bold; line-height:77px; color:#63666b;}
#content .nav .g-wrap .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#d69200; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav .g-wrap .columns a.on span {/*left:15%; */width:100%;}

#left {float:left; padding:23px 20px 20px 0; width:810px; min-height: 400px;}
#left img {max-width: 100%;}
#right {float:right; padding:23px 0 43px 20px; width:250px; }

#footer {border-top:2px solid #c5c5c5; +border-top:0 none;}
#reference .g-wrap {overflow:visible;}
#reference .right {margin-top:-2px; height:66px; background:#f2f2f2 url("../images/footer_right_bg.jpg") no-repeat 0 0; border-left:0 none;}
/*********** 复用 ***********/
#right > * {margin-bottom:10px;}
#right .pdf {padding:22px; background-color:#f4f4f6;}
#right .pdf .btn {margin-bottom:20px; padding:0 9px; height:43px; background:url("../images/news/p_3_5.jpg") no-repeat 0 0;}
#right .pdf .btn .download {float:left; width:122px; height:100%;}
#right .pdf .btn .read {float:right; width:97px; height:100%;}
#right .pdf .link-list a {line-height:18px; color:#5887f5;}
#right .pdf .link-list p {line-height:18px; color:#5887f5;}
#right .pdf .link-list a:hover {color:#02a181;}
#right .pdf .link-list .top {margin-bottom:8px; font-size:18px; color:#02a181;}
#right .pdf .link-list .top:hover {color:#d69200}
#right > a {display:block;}
/*#right .run {display:block; height:110px; background:url(../images/news/p_3_6.jpg) no-repeat 0 0;}*/
/*#right .what {display:block; margin-top:9px; height:135px; background:url(../images/news/p_3_7.jpg) no-repeat 0 0;}*/

a.hover {overflow:hidden;}
a.hover img {width:100%; height:100%; /*-webkit-transition:margin 150ms, width 150ms, height 150ms;*/}
a.hover:hover img { margin-left:-1%; margin-top:-1%;width:102%; height:102%;}

/* 链接列表 */
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;}
.link-list a span {float:left; margin-right:15px;}
.link-list p {}
/* 日期块 */
.date-block {float:left; padding:0 10px; width:68px; height:88px; font:14px/15px 'novecento' !important; color:#666; background-color:#eee;}
.date-block .day {display:block; margin:10px 0 3px 0; font:bold 36px/36px 'novecento' !important; color:#d69200;}
/* 链接块 */
.link-block {border-top:1px dotted #ccc;}
.link-block a {display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#eee;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:8px; line-height:26px;}
.link-block a h3 {margin:-4px 0; color:#746969;}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden;}
/* 加载更多 */
input.more {display:block; width:100%; height:54px; background:#eee url("../images/btn_more_on.png") no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}
input.more:hover {background-color:#d69200; background-image:url("../images/btn_more.png");}
/*metro ui*/
.metro {position:relative; margin-bottom:23px; height:386px;}
.metro a {position:absolute; top:0; left:0;}


    /* 公司动态 */
    #news-1 #left .headline {position:relative; margin-bottom:23px; height:218px;}
    #news-1 #left .headline img {margin-right:22px; float:left; width:362px; height:218px;}
    #news-1 #left .headline .date {display:block; margin-bottom:15px; font:30px/30px 'novecento' !important; color:#ddd;}
    #news-1 #left .headline h1 {line-height:30px;}
    #news-1 #left .headline p {color:#888; font-size: 12px; margin-top: 20px; line-height: 200%;}
    #news-1 #left .headline .resouce {position:absolute; left:0; bottom:0; width:399px; height:54px; background:url("../images/news/p_1_2.jpg") no-repeat 0 0;}
    #news-1 #left .headline .more {width:399px;}
    #right .special {display:block;}
    .fc_d69200 {
        color: #d69200;
    }
    .fc_d69200 a {
        color: #d69200;
    }

    #news-3 .metro .a2 {top:193px;}
    #news-3 .metro .a3 {left:480px;}
    #news-3 #left .link-block {margin-top:22px;}
    /* 新闻详情 */
    #left .news-editor {position:relative; font-size: 14px;  color:#333; 
    margin-bottom: 15px;
    color: #746969;
    font-size: 14px;
    line-height: 180%;
    }
    #left .news-editor img {display: inline;}

    #left .news-editor .date-block {position:absolute; left:0; top:0;}
    /*#left .news-editor h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}*/
    #left .news-editor h3 {margin:14px 0 25px 0;}
    #left .news-editor p {color:#746969; font-size: 14px;margin:10px 0;}
    p, span {font-family:'Microsoft Yahei'!important;}
    #left .news-editor .bshare-custom {margin-bottom:5px; height:20px; overflow:hidden;}
    #left .news-editor .bshare-custom a {float:left; padding:0; margin-right:5px; width:20px; height:20px; background:url("../images/news/share.jpg") no-repeat 0 0; overflow:hidden;}
    #left .news-editor .bshare-custom .bshare-weixin {background-position:-54px 0;}
    #left .news-editor .bshare-custom .bshare-sinaminiblog {background-position:-79px 0;}
    #left .news-editor .bshare-custom .bshare-qzone {background-position:-129px 0;}
    #left .news-editor .bshare-custom .bshare-qqim {background-position:-154px 0;}
    #left .relative-news {position:relative; border-top:2px solid #e8e6e6;}
    #left .relative-news .main-news {margin-bottom:-23px; padding:23px 16px 0 106px; width:302px; height:170px; border-right:1px dotted #ccc;}
    #left .relative-news .main-news .date-block {position:absolute; left:0; top:23px;}
    #left .relative-news .main-news h1 {margin-bottom:15px; height:44px; line-height:22px;}
    #left .relative-news .main-news p {line-height:20px; color:#777;}
    #left .relative-news .main-news .detail {display:block; line-height:20px; color:#d69200;}
    #left .relative-news .link-list {position:absolute; top:24px; left:443px; width:340px; line-height:20px;}
    #left .relative-news .link-list h1 {margin-bottom:39px;}
    #left .relative-news .link-list a {color:#777;}

.shar_link {
    width: 200px;
    height: 60px;
    text-align: left;
    float: right;

}
.shar_link .left {
    width: 55px;
    float: left;
    padding-top:8px;

}
.shar_link .bdsharebuttonbox {
    width: 140px;
    float: left;

}


.link_news {
    height: 130px;
    margin-top: 20px;
    border-top: 1px #eee solid;
    clear: both;
}

.link_news .title {
    width: 60px;
    border-top: 2px #d69200 solid;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
}

.link_news ul li {
    color: #888;
    line-height: 190%;
    margin-bottom: 10px;
}

.link_news ul li a:link {
    color: #888;
}

.link_news ul li a:visited {
    color: #888;
}

.link_news ul li a:hover {
    color: #d69200;
}


#about-4 #history {height:620px; background-color:#f9efd9; overflow:hidden;}
#about-4 #history .viewport {position:relative;  margin:0 auto; margin-bottom: 50px; width:1130px; height:100%; background:url(../images/fzlc_title.png) no-repeat 2px 20px; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; bottom:15px; z-index:2; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left:-50px;background-image:url(../images/btn_prev.png);}
#about-4 #history .viewport .next {right:-60px;background-image:url(../images/btn_next.png);}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 9px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 35px 29px ;background:url(../images/p_4_2.png) no-repeat 0 bottom;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#666;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:0px 0 20px 0; font:30px/30px 'novecento' !important; color:#d69200;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}